<template>
    <div>
        <span>

            双向绑定
            {{ text }}

        </span>


        <span ref="组件名字"></span>

        <input type="text" v-model="text">


        <input type="text" :value="text">



    </div>

    
</template>

<script>



export default {
    data() {
        return {

            text: "春卷",
            arry: ["1", "2", "3"],
            map: {
                name: "春卷",
                age: 18
            }



        }
    }, components: {

    }, watch: {
        text() {
            console.log(this.text);
        }


    },


    created() {

    }, mounted() {


    }, methods: {


    }



}
</script>

<style lang="sass" scoped>

</style>